<template>
  <div class="page">
    <CommonList :requestUrl="requestUrl" :columns="columns" :queryFormItems="queryFormItems">
      <template v-slot:title>
        <el-table-column prop="type" label="男生/女生星座" align="center">
          <template #default="{ row }"> {{ row.men }}/{{ row.women }} </template>
        </el-table-column>
      </template>
    </CommonList>
  </div>
</template>
<script lang="ts" setup>
import CommonList from '@/components/CommonList.vue'

const requestUrl = 'constellationMateList'

const columns = [
  { prop: 'title', label: '星座', slot: 'title' },
  { prop: 'summarize', label: '结果' },
  { prop: 'ratio', label: '匹配指数', width: 60 },
  { prop: 'love_ratio', label: '相爱指数', width: 60 },
  { prop: 'forever_ratio', label: '长久指数', width: 60 },
  { prop: 'create_time', label: '添加时间' }
]
const queryFormItems = [
  { prop: 'men', label: '男生星座' },
  { prop: 'women', label: '女生星座' }
]
</script>
